<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>登录</title>
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <style>
        .logo {
            background: url(../image/login_bg.png) no-repeat;
            width: 100%;
            background-size: 100% 100%;
            padding: 100px 0 50px 0;
        }

        .logo img {
            width: 50%;
            margin: 0 auto;
        }

        .aui-list {
            background: none;
            margin-top: 1rem;
        }

        .aui-list-item {
            width: 80%;
            margin: 0 auto;
        }

        .aui-list .aui-list-item {
            margin: 0 auto;
            background-image: -webkit-linear-gradient(90deg, #dddddd, #dddddd 50%, transparent 50%);
        }

        .aui-list .aui-list-item:hover {
            background-image: -webkit-linear-gradient(90deg, #03B0F4, #03B0F4 50%, transparent 50%);
        }

        .aui-btn-primary {
            background: #03B0F4;
            border-radius: 2rem;
        }

        .right_swich {
            position: absolute;
            top: 40px;
            right: 10px;
            color: #fff;
        }
    </style>
</head>

<body>
    <div id="app" class="aui-content aui-margin-b-15">
        <!-- v-if="hasSysNumber" -->
        <div v-on:click="do_switch()" class="right_swich" v-if="hasSysNumber" >
            切换公司
            <i class="icon iconfont icon-arrow-right"></i>
        </div>
        <div class="logo">
            <img class="logo_font" v-bind:src="logoImagePath" />
        </div>
        <ul class="aui-list aui-form-list">
            <li v-if="companyName&&!isSingleSite" class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label-icon">
                        <i class="icon iconfont icon-qiu" style="font-size: 18px;color: #03B0F4"></i>
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" v-model="companyName" readonly="readonly">
                    </div>
                </div>
            </li>
            <!-- v-show="!isSingleSite&&!hasSysNumber"  -->
            <li v-show="!isSingleSite&&!hasSysNumber" class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label-icon">
                        <i class="icon iconfont icon-qiu" style="font-size: 18px;color: #03B0F4"></i>
                    </div>
                    <div class="aui-list-item-input">
                        <input type="number" placeholder="请输入系统编号" v-model="form.SystemNumber">
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label-icon">
                        <i class="icon iconfont icon-dengluming" style="font-size: 18px;color: #03B0F4"></i>
                    </div>
                    <div class="aui-list-item-input">
                        <input type="text" placeholder="请输入用户名" v-model="form.Username">
                    </div>
                </div>
            </li>
            <li class="aui-list-item">
                <div class="aui-list-item-inner">
                    <div class="aui-list-item-label-icon">
                        <i class="icon iconfont icon-mima" style="font-size: 20px;color: #03B0F4"></i>
                    </div>
                    <div class="aui-list-item-input">
                        <input type="password" placeholder="请输入密码" v-model="form.Password">
                    </div>
                </div>
            </li>
            <li class="aui-list-item" style="background-size:0px;">
                <div class="aui-list-item-inner aui-list-item-center aui-list-item-btn">
                    <div class="aui-btn aui-btn-primary aui-btn-block width_80" v-on:click="get_api()">登录</div>
                </div>
            </li>
        </ul>
    </div>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/vue.js"></script>
<script type="text/javascript" src="js/login.js"></script>

</html>
